<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <!-- 隐藏状态栏  -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <!-- <title>预订订单详情</title> -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/details.css">
</head>

<body class="ng-cloak" ng-app="CheerHiWx" ng-controller="OrderDetailCtrl">
    <header>
        <div class="wrapper clearfix">
            <div class="login_fl fl">
                <a href="my-order.html" class="login_icon"><img src="img/srh_icon.png" alt=""></a>
            </div>
            <h1>预订详情</h1>
        </div>
    </header>
    <!-- 商家信息 -->
    <section class="shops_info">
        <h2 class="p10">商家信息</h2>
        <article class="clearfix">
            <div class="fl">
                <p ng-bind="orderDetails.shopName"></p>
                <address ng-bind="orderDetails.addr"></address>
            </div>
            <div class="fr">
                <a class="address" ng-click="openmap()"></a>
                <a href="" class="call" data-toggle="modal" data-target="#timepartModal2"></a>
            </div>
        </article>
    </section>
    <section>
        <article class="clearfix">
            <header class="head_info">
                <p class="fl">订单信息</p>
                <p class="fr" ng-bind="orderStatus.dscp"></p>
                <small>订单号: <span>{{orderNum}}</span></small>
            </header>
            <div class="order_info order_time p10 fl">
                <i></i>
                <h3>时间</h3>
                <p>
                    预订日期：{{orderDetails.date}}
                    <br> 开场时间：{{orderDetails.time}}
                    <br> 结束时间：{{orderDetails.endTime}}
                    <br>
                </p>
            </div>
            <div class="order_info order_box p10 fl">
                <i></i>
                <h3>包厢</h3>
                <p>
                    规格：{{orderDetails.typeName}}
                    <br> 主题：{{orderDetails.themeName}}
                    <br> 包厢号：{{orderDetails.tableName==''?'未指定':orderDetails.tableName}}
                    <br>
                </p>
            </div>
        </article>
        <!-- 订单信息 -->
        <div class="order_details priority clearfix ">
            <div class="order_info order_activity p10">
                <i></i>
                <h2>餐点详情</h2>
                <p>{{orderDetails.foodInfo == '' ? '无' : orderDetails.foodInfo}}</p>
            </div>
            <div class="foot-info clearfix">
                <div class="fl">
                    <p>¥{{orderDetails.price}}<span class="coupon-reduce" ng-if="ticketValue">红包已减免¥{{ticketValue}}</span></p>
                </div>
                <div class="fr">
                    <button ng-if="orderStatus.refundBtn && orderDetails.stateCode==1" ng-click="unsubscribe(orderNum)">我要退订</button>
                    <button ng-if="orderStatus.refundBtn && orderDetails.stateCode==8" ng-click="unsubscribe(orderNum)">我要退订</button>
                    <button ng-if="orderStatus.refundBtn && orderDetails.stateCode==3" ng-click="refund()">我要退款</button>
                    <button ng-if="orderStatus.payBtn" ng-click="goPay()">去付款</button>
                </div>
            </div>
        </div>
    </section>
    <!-- 倒计时 -->
    <div class="limit-time text-center" ng-show="showTime && orderDetails.stateCode==1">
        <p>{{limitTime}}未付款后订单将失效</p>
    </div>
    <div ng-if="orderDetails.stateCode !== 6">
        <div class="share_footer clearfix" ng-if="orderDetails.stateCode != 1">
            <div class="code_pic fl">
                <img ng-src="{{orderDetails.qrCode}}" alt="">
            </div>
            <div class="fr">
                <div class="code_num">
                    <p>消费码:<span ng-bind="orderDetails.sign"></span></p>
                </div>
                <p>订单二维码请向店员出示验证</p>
            </div>
        </div>
    </div>
    <!-- 电话 -->
    <div class="modal fade" id="timepartModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">`
        <div class="modal-dialog" role="document">
            <div class="modal-content" id="c15-modal">
                <div class="modal-body">
                    <ul>
                        <li>
                            去嗨客服: <a href="tel:4009058051" id="tel"> 4009-058-051</a>
                            <br />
                        </li>
                        <li>
                            商户电话: <a href="tel:{{orderDetails.tel}}" id="tel"> {{orderDetails.tel}}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 发红包(20151008新加) -->
    <div class="send-gift" ng-if="orderDetails.isShareCoupon">
        <img src="img/send_gift.png" alt="" data-toggle="modal" data-target="#share">
    </div>
    <!-- 分享红包页模态框（20151008新加） -->
    <div class="modal fade" id="share" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <img class="arrow_toShare" src="img/arrow_toShare.png" alt="">
        </div>
    </div>
</body>
<span style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1255764485'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1255764485%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></span>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/angular.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/constants.js"></script>
<script src="js/common.js"></script>
<script src="js/orderdetails.js"></script>
<script>
    _maq.push(['_setMaq', 'order-details']);
</script>
</html>
